import TextArea from "antd/es/input/TextArea"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import { useLocale } from "@/locales"

// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const ISubmitDescriptioTextarea: FC<any> = props => {
	const { labelProps, textareaProps, rules, name = "remark" } = props
	const { formatMessage } = useLocale()
	return (
		<SFormItem name={name} label={formatMessage({ id: "label.member.submit_comments" })} rules={rules} {...labelProps}>
			<TextArea
				count={{
					show: true,
					max: 50
				}}
				maxLength={50}
				{...textareaProps}
			/>
		</SFormItem>
	)
}
